<ion-header>
    <ion-toolbar color="light">
        <ion-buttons start >
            <button ion-button icon-only navPop>
                <ion-icon name="arrow-back" ></ion-icon>
            </button>
        </ion-buttons>
        <ion-title>{{ 'Contact.Contact' | translate }}</ion-title>
    </ion-toolbar>
</ion-header>
<ion-content  style="background: #fff !important;">
    <div class="contact-content">
        <div class="card">
            <p class="hc-list">{{ 'Contact.Name' | translate }} <span><input type="text" [(ngModel)]="form.truename"></span> </p>
            <p class="hc-list">{{ 'Contact.Email' | translate }} <font style="color:red">*</font> <span><input type="text" [(ngModel)]="form.email"></span> </p>
            <p class="hc-list">{{ 'Contact.Telephone' | translate }} <span style="color:#999999"><input type="text" [(ngModel)]="form.tel"></span> </p>
            <div class="textarea">
                <p>{{ 'Contact.Message' | translate }}</p>
                <ion-textarea style="height:9rem;" [(ngModel)]="form.message"></ion-textarea>
            </div>
        </div>
       
    </div>
    <button class="hc-button" ion-button [navPush]="payresultPage" style="width:90%;" (click)="sub()">{{ 'Contact.Submit' | translate }}</button>
</ion-content>